<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8" />
<title>ORDER SUCCESS</title>
<link rel="stylesheet" href="../../css/bootstrap/bootstrap.css"
	th:href="@{/css/bootstrap/bootstrap.css}" />
<script src="../../js/jquery-1.11.2.js" th:src="@{/js/jquery-1.11.2.js}"></script>
<script src="../../js/client.js" th:src="@{/js/client.js}"></script>
<style>
@font-face {
	font-family: 'Glyphicons Halflings';
	src: url('../fonts/glyphicons-halflings-regular.eot');
	src: url('../fonts/glyphicons-halflings-regular.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
		url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
		url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular')
		format('svg');
}
}
</style>
</head>
<body>
	<nav class="navbar navbar-default col-md-offset-1 col-md-10 container"
		style="background-color: red;">
		<div class="container-fluid">
			<ul class="nav navbar-nav">
				<li><a href="#"></a></li>
				<li><a href="#"></a></li>
				<li><a href="#"></a></li>
				<li><a href="#"></a></li>
			</ul>
		</div>
	</nav>
	<section class="col-md-offset-1 col-md-10">
		<article>
			<div id="error"></div>
			<div class="row">
				<div class="col-md-9">
					<p style="font-size: 32px; color: #00BFFF; border-bottom: 1px dashed yellow;">Mã đơn hàng của bạn là: <span th:text="${orderCode}"></span></p>
					<p><strong>Đơn đơn hàng của bạn đả được xử lý và đang được gửi đến <span th:text="${resName}"></span></strong></p>
					<p>Vui lòng theo dõi email và điện thoại của bạn, <span th:text="${resName}"></span> chúng tôi có thể liên hệ với đơn hàng của bạn.</p>
					<p style="margin-top: 150px;">Orderonline.com chúc bạn ngon miệng!</p>
					<div style="line-height: 40px; background-color: #D3D3D3;">
						<p>Hình thức thanh toán: Tiền mặt.</p>
					</div>
				</div>
			</div>
		</article>
	</section>
</body>
</html>